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1 Perception 


Cartographers and design both use visual inter- 
human communication. In order to discuss 
graphic design, we have to deal with the topic of 
the communicating human. But to understand 
the communication process, first of all we have 


to speak about human perception. 


Outer and Inner Worlds 
What and how do people perceive? 


Well, primarily people perceive their environ- 
ment - the outer world. They see, hear, touch, 
smell and taste it. For that purpose they have 
perceptual organs. During the perception proc- 
ess all senses work simultaneously and therefore 
it is not easy to decide which sense is decisive 
for the occurrence of a reaction in a certain situ- 
ation. 


Home 





» 


Take supper for example: Is the tasting sense 
dominating, because the meal is tasting deli- 
ciously, or the eye, because the table is nicely 
laid out, or the ear, because the conversation 
and the music are pleasing? Humans also per- 
manently experience themselves, their inner 
world. The limbs and organs call our attention if 
they are exhausted or diseased. The soul, the 
psyche plays an important role deciding on the 
state of well-being. Humans feel, they perceive 
moods and instincts and know whether they are 
walking or sitting or doing something. 


Perception overload 


People's inner and outer worlds impact upon 
them simultaneously and are perceived in con- 
junction. the perception process is a permanent 
state during every situation of life, impossible to 
switch off. It is impossible also for people to fil- 
ter out a specific perception, as in addition to 
that they have to survey its environment; like- 
wise they cannot switch off one particular sense. 
They can only try to concentrate on some specif- 
ic aspect. 
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Selection 


The biggest part of all incoming stimuli is per- 
ceived subconsciously and this part decisively 
shapes us. To shield from a stimuli overflow peo- 
ple can try to perceive part of all information 
consciously, just big enough to be digested sep- 
arately (selection). The perception process pro- 
ceeds as follows: 


m First of all people are confronted with a disor- 
dered general impression. 

m Consecutively they select specific information 
(selection). 

m They try to order them by looking at them con- 
sciously (synthesis). 

m But simultaneously they discover new stimuli and 
try to integrate them in their system as well. 

m Finally they receive an ordered whole, an over- 
view. While analysing it a feedback process is 
initiated influenced by many components. 


Processing 


The designer intends to effectuate a certain re- 
action in the viewer (or customer). 


<j Home 





What are the components of human perception 
that he has to deal with? 


m The feeling is a spontaneous all-embracing per- 
sonal reaction to a perception, responsible for 
actions. 

m Needs are caused by a shortage and have to be 
satisfied immediately. 

m Interest is controlled by the mind and aims on a 
field that is not covered by needs. 

m Motivation is the conscious and subconscious 
combination of these components. 

m Expectation is the more or less clear temporary 
objective we have in mind. 

m Memory is a conscious or subconscious feedback 
factor. 


2 Communication 


The designer has to deal with the exchange of 
information, the communication. He must under- 
stand their functioning, the codes and languag- 
es. Only then will he be able to define the design 
goals. 
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Communication 


A simplified scheme of (visual) communication 
looks a follows: 


The transmitter (the designer) communicates 
with the receiver (the viewer) by sending mes- 
sages with the help of a language (here: pictori- 
al language and written language). For that end 
he uses codes to transmit his message effective- 
ly. A picture, for instance, showing the sea, the 
sun and palm trees, is not only an image of the 
coast, but leads the viewer to further associa- 
tions and can stand for recovery, relaxation, 
warmth, holidays etc. 


The cartographer uses codes with his symbols as 
well. 


The symbol PX not only stands for a letter, but 
also for a post office. 





The symbol $% does not only mean several 
trees and rain forest, but also tropics, humid- 


torrid climate, a certain flora and fauna etc. 
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2a A traffic sign whose meaning is known in Germa- 
ny immediately is used in the USA with two explan- 
atory texts. 


2b The ships do not understand each other because 
they use different languages. Although the viewer 
cannot understand the dialogue he would be able to 
understand the course of events. 
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Code 


The code encodes messages. The receiver is able 
to understand the content only with knowledge 
about the code (Example: map legend). 


Every symbol has a certain meaning the receiver 
has to know. 


The spoken language is a code as well: Someone 
may for instance understand German fairly well, 


French less well and Finnish not at all, 


It may happen of course that two or more mean- 
ings exist for one symbol . 


In maps, for example, the symbol + can stand 
for a church, a chapel, a graveyard or a rock. 


Shaking our head is also codified: it means No to 
us, in Greece it means Yes. 
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2c Different stars; each of them has its own mean- 
ing that exceeds its pure geometric form. 





2d: Someone can only use the pattern sheet if he 
knows its function and its signs. 
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Languages 


At the beginning of human history people under- 
stood each other through facial expressions and 
gestures or sounds. 


Information as discoveries, moods, desires or 
orders could be thus communicated. 


Since the stone age linguistic signs are recorded 
permanently by engraving them in wood or 
painting them on stone walls. The signs were 
taken from nature. 


In the 5th century BC schematic pictorial signs 
have been stringed together for the first time, 
enabling us to visualize trains of thought and 
courses of events. 


Now languages could be developed according to 
cultural expression and social requirements. 


Sign-like pictures were combined to form sign 
language (e.g. the symbols on maps). 
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2e: Pictorial lan- 
guage: This picture 
comprises more than 
two windows, one 
door, two walls, the 
A floor and a roof slope. 
A It transmits a certain 
mood. 


2f: Encoded: sign 
language, musical 
notation, braille, 
machine language, 
bar code . 


1 09191" 

0 

1 

0 | 
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2g: A possible com- 
munication goal: At- 
tract attention. 


Look here! 
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Letters, that are symbols as well, were combined 
to form words and finally sentences: the written 
language. 


Pictures such as photographs, illustrations and 
paintings have a pictorial language. 


Beyond that further languages exist as sign lan- 
guage, braille, musical notation, etc.. 


Communication goals 


The designer has to know exactly whom he 
wants to address and what he wants to impart. 
He has to respond to the receiver, his perception 
and his surrounding. He has to comb his design 
possibilities for suitable tools. He must use ade- 
quate methods, languages and codes. 
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A designer must be endowed with the following 
personal conditions: 


Sensibility and receptiveness, 
agility and creativity, 

ability for abstraction and analysis, 
ability for synthesis and 


ability to aesthetical organization. 
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3 Design 


After this quite abstract introduction the terms 
'form' and 'design' will be used to conduct us to 


Contents more practical topics. 
Exercises 
Index 
The form 
Search Enjoy Your Symptom 
ue ee The form is the composition, the result of the 
Previous results design process. 
Print 
In this connection form (the whole thing) means 
Exit more than the sum of the parts (Fig. 3a; c. Fig. 
2e and the rain forest symbol from the previous 
chapter). 
The form is even maintained if single elements 3a 





are changed. 
A form cannot exist without its surroundings. 


A form has something like a soul that has to be 
© copyright: filled with life by the designer. 
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Basic forms 


For the design one tends to fall back gladly on 
the elementary basic forms (Fig. 3b, upper row): 


Point(1): In the true sense it is a zero-dimen- 
sional object and therefore cannot be represent- 
ed. In graphic arts a point is that what is not yet 
a circle. 


Line(2): A one-dimensional object, a stroke. 


Area(3): A two-dimensional object, e.g. a rec- 
tangle, a circle, a polygon. The area has a form. 


Volume/Body(4): A three-dimensional object 
that will not be dealt with at this point. 
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3b 





























moy Your Symptom 


3003 


The Slovenian philosopher Sla- 
voi Zizek with his philosophic 
mixtures of Hegel’s logic, 
Hitchcock’s dead bodies and 

(8) Lacan’s empty spaces is a 
known enfant terrible in aca- 
demic philosopher circles. His 
entrances are overwhelming 
speech-performances with an 
unknown end. 
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Graphic elements 


The elements can be simple, composite or com- 
plex (Fig. 3b, lower part): 


























Contents 
` Sign(7, 10): A letter, a logo etc. 
Exercises gn(7, ) ’ g 
Index Writing(6, 8): Text in books, newspapers, on 
posters, in advertisements etc. njoy Your symptom 
Search 
Nese results Graphic (11, 12): A diagram, a map, an illustra- 
Previous results tion etc. 
Print l 3003 
Picture (13): A photograph or a detail. 
a The Slovenian philosopher Sla- 
Exit voi Zizek with his philosophic 
mixtures of Hegel’s logic, 
Hitchcock’s dead bodies and 
Background (9): The background, the surround- Lacan's empty spaces is a 
. n . . A . . demic philosopher circles. His 
ing, has to be included in the design even if it is entrances are overwhelming 
speech-performances with an 
. unknown end. 
merely white. 








3b 
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Variations 


Fa 





The forms and elements can be varied by (Fig. 














3c): 
Contents 
. Structure: The inner arrangement of areal ob- 
Exercises 
jects, as screens, hatches, patterns. 
Index 
Tonal value: The brightness of objects. 
3C 
Search 
ee Colour: Reaches the viewer directly, puts him in 
Previous results a certain mood, rouses feelings. 
Print 


Size: To emphasize, to cause tension. 


Exit 


Position: The position of an object within a com- 
position is of substantial importance concerning 
its effect. 


Design principles 


It does not make sense to define rigid design 
rules because, as described above, graphic de- 
sign is influenced by changing perceptions, 





<j Home 
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changing communication methods and changing 
design goals. 


But the following principles (Fig. 3d) that guar- 
antee a good and successful design should still 
be considered: 


Proportion or the relation between single ob- 
jects and their surroundings. Many attempts 
have been made to determine the ideal absolute 
proportion, but without success. Some models 
such as the golden section are considered as be- 
ing almost perfect. 


Harmony: A design is harmonic when it is well 
ordered and when all internal elements have 
been combined properly according to an aes- 
thetic sense, which means that nothing disturbs, 
tips over or drops out. 


Contrast: Every effect is based on contrast. 
Contrast creates tension and therewith the at- 
tention of the viewer. It is created through the 
use of contrast pairs: To be activated every ob- 
ject needs a counter object. 


Home 





By the detailed inspection of countless design 
examples a designer should try to get a reliable 
flair for proportions, harmony and good design. 








3d 
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4 Optical Illusions 


Optical illusions are of particular interest due to 
their unexpected results and the effects thus 


Contents achieved. They show again that the personal 
E aesthetic experience is set above the strict geo- 
Exercises 
metric construction. 
Index 
Search 


Next results Lines 


Previous results 
Fig. 4a demonstrates that vertical lines of the 


Print _ZN E a 
same length seem to differ in length if their add- 
Exit ed corners are changed. As a result sharp and 
round letters must jut out from the type line 
4a 


(Schriftlinie) so that they do not seem smaller 
than the letters D and T. 


Fig. 4b shows that repeatedly subdivided lines 
seem longer that undivided. 4b 
In Fig. 4c thick narrow set lines appear shorter 
than the ones that are further apart. For that 


reason type faces with thin line gauges seem to 
be higher than that with bold ones. 4c 


<j Home » 
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The optic centre is not always the same as the 
geometric center, as shown by Fig. 4d. 























The Futur type face has been constructed geo- 4d - 
Contents metrically but was subsequently modified ac- 
cording to optic-aesthetic viewpoints. Because 


of that it appears calmer and more harmonic 
Index now. 


Exercises 


Fig. 4e shows optical deformations: The circle 























Search 
TEE seems dented and the single line repeatedly bro- 4e 
Previous results ken. 
Print 
Exit 
Areas 
A square optically seems wider than higher. 
Therefore squares must be exaggerated vertical- af 
ly (Fig. 4f). The same applies to circles. 
O copyright: 
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In Fig. 4g the horizontal lines 


widen the square area whereas — 


the vertical ones exaggerate it 
vertically. 


In Fig. 4h all central squares 


have the same size. Their apparent size (the 


























4h 


other squares and the white space) is influenced 


by their surrounding. 


In Fig. 4i and 4j the bright areas (or letters) 41 
seem larger than the dark areas (or letters) of 





4] 
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the same size because their brightness out- 





shines their contour, 


Contents 
Be Tonal value 

Exercises 

ds In Fig. 4k it becomes apparent of how little im- 

portance the actual brightness is (all inner 

Search squares have the same grey value). Their sur- 
Next results rounding is decisive for the effect of the grey ar- 
Previous results eas. 

Print 


It is possible to create depth with the help of 

Exit tonal values: the inner square in the left field 
seems to lie clearly above the surface area 
whereas in the most right one the black area 
seems to be a window. 
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5 The area 


The area is the space for mounting the design. It 
should be sufficiently considered because the 
area more or less influences the elements ar- 
ranged on it. 


Empty space / white space 


Some elements need a big area (empty space) 
to unfold. Empty spaces are fields of force. 


A composition can appear disharmonious if the 
empty space is not incorporated. A design can 
be thrown out of balance or upset optically if the 
relation between printed and empty areas is dis- 
turbed. Empty space can create tension and dy- 
namics in connection with design elements. It 
can order and emphasize them. 


Even a completely empty area is not empty for 
the viewer: he wanders around with his eyes 
(Fig. 5b, a typical reading loop), projects things 
on it and divides it into specific sub-areas (Fig. 
5c). 


<j Home 





5a 


5b 


5c 
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Locations of effect 


If an area is divided in the middle, the upper half 
seems to be larger than the lower half (Fig. 5d). 





Contents Elements positioned in the upper sector seem 
P more weighty than the ones below. 
Exercises 
Index This has to do with the natural human field of vi- 
sion. Above the horizon people expect just the 
Search sky which seems to be unlimited. This viewing 


Nextresults habit is unconsciously applied to the area. 


Previous results 
In the same way the left and the right side of the 


area have different meanings. The reading direc- ad 
Exit tion proceeds from left to right. People feel a 
movement mostly directed to the right. There- 
fore the right side is more important than the 


left one (Fig. 5e). & O 


Print 




















5e 





Effect 


As a consequence elements get a certain mean- 
ing if they are located at a certain spot within 





E Home 
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the empty space. Points appear calm and stable 
if they lie on lines in Fig, 5c, but restless and dy- 







































































namic off them (Fig. 5f). e 
Contents Lines have different qualities as well, depending calmness active, far passive, near 
3 on their location (Fig. 5g and h). 
Exercises (Fig. 59 ) 
Index The effect can be described by adjectives as 
light, heavy, floating, unstable, rising, distant @ 
Search etc. _ 0 
Next results restless, move- quiet, at the 
Previous results Fig. 5i shows different black elements on white ment to the right objective 
5 areas with a specific effect in each case. 5f 
Print 
Exit 
DEE 
VA passive, active, seemingly 
left right bottom top endless 
5g Y 
5h positive negative 
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new forms in their own right, that lie before a 
grey background, a new effect can be realized. 


The general effect is changed by every new ele- 


ment within the design. 


Associative meanings 


Empirical investigations have resulted in discerning specific associative meanings: 


THE HORIZONTAL: CLIMBING THE 


VERTICAL: 
horizon 
sea tower 
steppe obelisk 
plain fountain 
calmness powerful 
sleep 
death 
impressive 
important 
quiet 





Now, if one tries to look at the white spaces as 


Home 


DESCENDING THE 


VERTICAL: 


plumb line 
weight 
heavy 
serious 





LEFT: 


passiveness 
reflection 
introversion 
past 

self 





RIGHT: 


activity 
deed 
extroversion 
future 

you 
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6 





Area aesthetics 


We have already spoken about the importance of 
the area as the mounting space. Now, the pro- 























Contents portions, distribution and composition will be 
analysed. 
Exercises 2 AAA 
index 1:32 2:3 1: 1,538 
(base line 
and height of 
Size 
Search a pentagon) 
Next results 
Previous results Already at the beginning of the design process 
. the designer has to decide about a page size. 
Print 
Exit The size and shape naturally depends on the 
purpose: Is the design object a map, a folder or 
a book? 
There are shapes whose proportions seem to be 5: K 1:43 1:45 
especially well balanced, including the golden (approxima DIN A-si 
section. golden section) ( size) 


6a 
Squares can look interesting as well if they are 


divided appropriately. 
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Area subdivision 





Depending on the size, the area can be subdivid- 
ed according to the following principles, in view 
Contents of the design purpose: Proportion, harmony and 
contrast. This results in a layout. Here a square 


























Exercises 

has been chosen as the mounting space. 
Index 

In Fig. 6b the area is subdivided by two continu- 
Search ous intersecting lines. 





Next results 





Previous results 























Print 6b 


Exit 





In Fig. 6c the subdivision is realised by three dif- 
ferent shapes that vary in size and tonal value. 
Moreover the shapes are arranged vertically and 
horizontally. This example shows the white area 
as an independent shape as well. 














© copyright: 

Kommission Aus- und Weiterbildung, 
Deutsche Gesellschaft fiir Kartographie 
e.V., Germany 2000 











6c 


c/o Reinhard Urbanke 
Erlenweg 3/1 
D-71394 Kernen im Remstal 


Home 





EMail: alf.kartographie@gmx.de 


Map Design: 





Contents 
Exercises 


Index 


Search 
Next results 


Previous results 
Print 


Exit 


© copyright: 

Kommission Aus- und Weiterbildung, 
Deutsche Gesellschaft fiir Kartographie 
e.V., Germany 2000 


c/o Reinhard Urbanke 
Erlenweg 3/1 
D-71394 Kernen im Remstal 


EMail: alf.kartographie@gmx.de 


Graphic Design Basics 
Composition 


Fig. 6d shows a composition with simple shapes 
and their variation possibilities. 


The necessary tension (contrast) is achieved by: 


(Fig. 6d, upper row, from left to right) 
m different shapes 

m different sizes 

m position within the area 


(Fig. 6d, lower row, from left to right) 
m asymmetry 

= negative - positive 

= tonal value (brightness). 


Fig. 6e shows a dynamic composition in which 
the elements are arranged in first slice, ¡.e. they 
extend beyond the format. They are cut at the 
margin and now obtain another interesting out- 
line. Their real form can be reconstructed or 
rather surmised. The viewers complete the parts 
indicated or missing in their imagination. 
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In Fig. 6f a grid has been constructed first at 
which the elements have been oriented. Differ- 
ent methods have been used to create tension. 
Now the composition is more complex, it com- 





Contents bines different shapes, tonal values and sizes. D 
Exercises l ne 

In Fig. 6g pages containing text are simulated. Á 
Index The different elements can be column titles, 


headings, initials, graphics and pictures within 


Search the layout of a map catalogue. 











Next results 
sas ase Classical newspapers (Fig. 6h) are a good exam- 


ple of area aesthetics because they have to 


6f 


ul manage with few design elements: Text and pic- 


Exit tures are the principal design elements. Apart 
from them, lines and boxes are applied. Every 
page of a newspaper comes alive through the in- 
terplay between the text areas and the blank 
spaces: The reader needs to be able "to breathe" 
while reading. 





6h 
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7 Colour 


Colour is an important design element. It has an 
immediate impact on the viewers and addresses 


Contents their subconsciousness. 
Exercises 
Index 

Colour psychology 
Search 


Next results 


Previous results 


certain colours: 


The following characteristics are associated with 





SALE YELLOW: RED: Ja 
Exit expansion vivacity BLACK: 
communication power hopelessness 
reason imagination darkness 
death 
BLUE: ORANGE: 
introversion health WHITE: 


absorption 


full of drive 


all possibilities 





Colour assignment after Wassily Kandinsky 





intellect pleasure glaring bright- 
ness 

GREEN: VIOLET: birth 

immobility illness 
© copyright: contentment irresolute- 
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Of course this table is not universally valid. An 
essential factor is the personal colour sensitivity 
of the viewer: colours remind us of sensory im- 
pressions, put someone into a mood. 


Gender and gender-specific roles of the viewers 
are just as important as cultural influences, e.g. 
fashion (fashion colours). 


Therefore colours should be carefully selected 
and the colour experience of the target group 
should be taken into account. 


Colour dimension (CIELAB-colour 
system) 


A colour tint can be varied by the two factors 


brightness (Fig. 7c) and saturation (addition of 
white, black or grey; Fig. 7d) 


Home 








7c 
Colour brightness: 15% - 25% - 40% - 65% - 
100% 





7d 
Colour saturation: 0% - 25% - 50% - 75% - 100% 


» 
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Colour contrast 


The relationship between colours is named col- 
our contrast. When working with colours much 


Contents can be learned about their characteristics, their 

. effects and their interplay. A warm tonal value 
Exercises , 

can suddenly become cold due to an adjacent 

Index tonal value. Harmonic compositions can abruptly 

change completely because of additional colour 

Search elements. The following types of colour contrast 


Next results are distinguished: 


Previous results 
= Complementary contrast 


Print 

Exit Colours which face each other in the colour circle 

are termed complementary. Each colour has its 
complementary colour with which it is balanced 

and even can increase to the highest luminosity 

(Fig. 7e). 7e 


m Simultaneous contrast 


Simultaneous contrast appears where a rich col- 
our stands without its complementary colour (in 
which case the eye will generate this comple- 
mentary colour), through which phenomenon its 
tonal value is optically changed (Fig. 7f). 7f 





E Home 
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m Quality contrast 


Quality contrast depends on the opposition be- 
tween bright and dull colours (Fig. 7g). 


Contents 
uantity contrast 
Exercises "Q i 
Index Quantity contrast arises from the confrontation 
of differently sized colour areas (Fig. 7h). 
Search 
TEE Here the intensity, the strength of a colour’s 
Previous results brightness is of importance, e.g. yellow has a 
_ much bigger optical impact than violet. The or- 
Print 
der reads: yellow, orange, red, green, blue and 
Exit violet. 
m Cold-warm-contrast 
The opposition between the red-orange and 
blue-green pair has the biggest effect on the 
contrast (Fig. 7i). 
© copyright: 
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8 Type aesthetics 


Now type will be introduced as a new design ele- 
ment. In this section we look at type from the 
Contents viewpoint of readability. 


Exercises 


Index 
Evolution of type 


Search 
Next resine Pictographic system: Letters have been created 
Previous results by imitating natural shapes. The symbol to the 
: left in Fig. 8a was developed in Egypt approxi- 8a 
Print 


mately 3000 BC. 


Exit 


Letters: The pictorial symbols became more and 


more abstract in the course of time and finally 
became letters: Fig. 8b Phoenician alphabet, ap- 
proximately 1300 BC. 

8b 


Capital letters and serifs (Serifen): The letters in 
Fig. 8c are derived from the Greek /Roman al- 


phabet between 200 BC and 300 AD. Special at- 
tention has been paid to aesthetics and propor- 
tions. Only capital letters existed. The Greeks 
did not use spaces between word or sentences. 8c 


<q Home » 
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The Romans invented serifs (Serifen) for aes- 
thetic reasons. 


8d 





Lower case letters: Fig. 8d shows further devel- 

Contents opment in the Middle Ages. With the "Karolinger 

_ Minuskel" lower case letters were first devel- 
Exercises 

oped. Later on letters became narrow, heavy 


Index and angular (Gothic type). A A 
8e A a 


Search Roman type: At the rediscovery of classical an- 
Nestresults tiquity the roman type originated around 1450, 
Previous results e.g. Garamond (Fig. 8e, left). The alternation 

between capital and lower case letters resulted 


Print 
in a better readability, because now several let- 

Exit ters, so-called word images, could be registered 
simultaneously. 8f | 


Grotesque: At the end of the 19* century graph- 
ically reduced type faces have been developed. 
e.g. Akzidenz-Grotesque (Fig. 8f, left). 


Design fonts: Today good readability is now and 
then opposed by trendy type face creations (Fig. 8g 


8g). 
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Screen fonts: Computers require specific font 
types that have been adjusted to the screen res- 
olution (Fig. 8g, right). 


Geometry 


Around 1920 characters have been reduced to 
the basic geometric forms rectangle, circle and 
triangle (Fig. 8h, Futura). However, since abso- 
lute geometry impairs readability, small modifi- 
cations have been made. 


Letter spacing 


Over 2000 years ago Greeks and Romans al- 
ready dealt with the aesthetics of 
stringed together. They discovered that not only 


letters 
the shape of every single letter should be taken 


into account in order to obtain a good typeface, 
but also the blank space between the words. 


Home 








HOA 
HOA 
cAVERO 
. IMA 


8h 








h | 


The optic weight of the blank space between the 
letters must correspond to the inner space of the 
letter. 


In Fig. 8i the blank spaces and the inner spaces 
of the letters are made clear through geometric 
forms. 
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Fig. 8j shows a badly balanced word, because WAHLTAGE 


the spacing between the letters is exactly the 






same. The principle of geometric forms (in line 
3) shows distinct harmonic disturbances. 


Contents 
. In line 4 positive and negative forms have been 
Exercises 
balanced according to aesthetic considerations. 
Index The result is an in itself well proportioned word 
(Fig. 8k). 
Search 8j 


The harmonic balance of the letter spacing has 


Next results 
Previous results to be considered especially when using graphic 8k WA H LTAG E 


sa or big type faces. 

Exit To get a correct spacing no measurable values 
can be provided. The recognition of the size of 
blank spaces and the weight balance of words 
has to be practised in order to acquire an aes- 
thetic competence. 


It can be helpful to turn a word upside down, in J L) y | | | | y M 


order to recognize the forms and spaces unhin- 
dered (Fig. 81). By the way, this method may be 
useful for each kind of design task. 


Sl 
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9 Type composition 


Following the analysis of letters and single words 
this section deals with the characteristics of 
typefaces in printed texts. 


Grey value 


When viewed from a distance a text block looks 
to be an image, a grey area (Fig. 9), related to a 
known degree to the surrounding blank space. 


To keep the reading inhibition threshold small, 
the grey value of the text block should not be 
too dark, but also not too bright, because then 
the page would look to be full of holes. The grey 
value is determined by the line gauge, the letter 
Spacing, the word spacing and the line spacing. 


Reading process 


The eye scans the lines erratically. It does not 
register single letters but whole words and 


<j Home 





Grauwert: Aus einigem Abstand 
betrachtet, wirkt Text auf einer Seite 
als Bild, als graue Flache; sie steht 
bekanntermaBen in Beziehung zum 
sie umgebenden WeiBraum. Um die 
Lesehemmschwelle gering zu hal- 
ten, soll der Grauwert nicht zu dun- 
kel sein, aber auch nicht zu hell, da 
die Seite sonst lóchrig wirkt. Er wird 
durch die Schriftstárke, die Laufwei- 
te, den Wort- und den Zeilenab- 
stand bestimmt. Aus einigem Ab- 
stand betrachtet, wirkt Text auf einer 
Seite als Bild, als graue Fláche; sie 
steht bekanntermaBen in Bezie- 
hung zu dem sie umgebenden 
WeiBraum. Um die 


Grauwert: Aus einigem Abstand 
betrachtet, wirkt Text auf meiner 
Seite als Bild, als graue Flàche; 
sie steht bekanntermaBen in Be- 
ziehung zum sie umenden WeiB- 
raum. Um die Lesehemmschwel- 
le gering zu halten, soll der 
Grauwert nicht zu dunkel sein, 
aber auch nicht zu hell, da die 
Seiten sonst sehr lòchrig wirkt. 
Er wird durch die Schriftstárke, 
die Laufweite, den Wort- und den 
Zeilenabstand bestimmt. Aus ei- 
nigem Abstand betrachtet, wirkt 
der auf einer Seite als Bild, als 
raue Flàche; sie steht be- 
anntermaBen 


9a 


Grauwert: Aus einigem Abstand be- 
trachtet, wirkt Text auf einer Seite als 
Bild, als graue Flàche; sie steht 
bekanntermaBen in Beziehung zum 
sie umgebenden WeiBraum. Um die 
Lesehemmschwelle gering zu hal- 
ten, soll der Grauwert nicht zu dun- 
kel sein, aber auch nicht zu hell, da 
die Seite sonst lóchrig wirkt. Er wird 
durch die Schriftstàrke, die Lauf- 
weite, den Wort- und den Zeilenab- 
stand bestimmt. Aus einigem Ab- 
stand be 


Grauwert: Aus einigem Abstand 
betrachtet, wirkt Text auf meiner 
Seite als Bild, als graue Flàche; 
sie steht bekanntermaBen in Be- 
ziehung zum sie umenden WeiB- 
raum. Um die Lesehemmschwel- 
le gering zu halten, soll der 
Grauwert nicht zu dunkel sein, 
aber auch nicht zu hell, da die 
Seiten sonst sehr lòchrig wirkt. 
Er wird durch die Schriftstàrke, 
die Laufweite, den Wort- und den 
Zeilen 


Grauwert: Aus einigem Abstand be- 
trachtet, wirkt Text auf einer Seite als 
Bild, als graue Flàche; sie steht 
bekanntermaBen in Beziehung zum 
sie umgebenden WeiBraum. Um die 
Lesehemmschwelle gering zu hal- 
ten, soll der Grauwert nicht zu dun- 
kel sein, aber auch nicht zu hell, da 


die Seite 


Grauwert: Aus einigem Abstand 
betrachtet, wirkt Text auf meiner 
Seite als Bild, als graue Flàche; 
sie steht bekanntermaBen in Be- 
ziehung zum sie umgebenden 
WeiBraum. Um die Lesehemm- 
schwelle gering zu halten, soll 


der Grauwert nicht zu dun 


groups of words. It jumps form one point of fo- 
cus to the next one. 


> 


Texts should be designed so as to be interesting 
and not tiresome. Texts written in capital letters 
are difficult to read because word contours are 
blurred. Mixed type (with ascenders and de- 
scenders) offers satisfactory variation. The pro- 
portion of the type face is decisive for its reada- 
bility. Lines should be perceived as bands, so 
that the eye will not skip away. A line should 
comprise a maximum of 50 - 60 letters (about 
10 words). The longer the line, the bigger the 
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line spacing should be. A type must be adjusted 
to the intended purpose. Specific type exist for a 
book setting and for headings. 


Type face selection 


Every type imparts associations (Fig. 9b). There- 
fore target groups (scientists, customers, holi- 
daymakers...) are decisive for the selection of 
the type face. Here as well only recommenda- 
tions can be made (Fig. Oc). 








Eintritt verboten 
Weinkellerei 
Staatsoper 
München 31 km 
gortschritt 
Feine Seide 
Stahlbau 
Buchhandlung 
DJ HIPHOP 
HOTEL EXCELSIOR 
Speisekarte 
Parfum d'amour 
Bananen 429 


Eintritt verboten 
Weinkellerei 
Staatsoper 
Munchen 31km 
Fortschritt 

Feine Seide 
Stahibau 
Buchhandlung 
DJ HIPHOP 
Motel Excelsior 
Speisckarte 
Parfum d'amour 
Bananen 1,29 








i 9b: left: wrong type face selected; right: correct 
Exit Oc choice 





PURPOSE 


beauty culture, fashion 
food articles 
technique 

Hi-tech 

art, photography 
fiction 

professional literature 
business reports 
transportation 

letters, business cards 
street party 

poster 

décor 

sixties 

seventies 

modern media 


CHARACTER 


elegant-fashionable 
traditional 

neutral 

elegant, plain 
neutral-elegant 
classical, approved 
factual-neutral 
factual-elegant 
informative, quiet 
functional, elegant 
rustic, slogan-like 
strong, slogan-like 
playful, romantic 
factual, neutral 
colourful, vivid 
aggressive, provocative 


<q Home 








TYPE E.G. 


Bodoni, Avant-Garde 
Different type faces 
Garamond, Akzidenz 
Gill, Bodoni 

Grotesque, Copperplate 
Janson, Bembo, Caslon 
Garamond, Egyptienne 
Futura, Bodoni, Univers 
Frutiger, DIN-types 
Copperplate, Meta 
Berlin grotesque, Revue 
Rockwell, Aachen 

Plaza, Avant-Garde 
Helvetica, Akzidenz 
Hobo, VAG Rounded 
new types 
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Type face mixture 


Type faces should only be mixed if they have dif- 
ferent functions (as e.g. continuous text, head- 
ings) or rather different positions within the lay- 
out (e.g. inserted headings, columns). 


The type faces used (Fig. 9d) must look alike re- 
garding style, line gauge and geometry (relation 
of x-height to the height of the ascender), but 
still differ sufficiently to prevent any impressions 
of type setting errors. To put mixed type faces 
right next to one another might cause problems. 


Compositions 
Type faces can be varied by: 
type style and size, 


type shape (bold or italic), 
initials, headings and inserted headings, 


unjustified setting and justified setting. 
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Garamond and Frutiger go together 

Times and Helvetica go together 

Garamond and Akzidenz-Grotesk go together 
New Century and Futura go together 
Rockwell and Frutiger go together 
Palatino and Avant-Garde go together 
Walbaum and Benguiat don't go together 
Garamond and Times don't go together 
Bernhard Modern and Antique Olive don't go together 
Gill and Frutiger don't go together 

Garamond and Caslon don't go together 


9d 


For this the correct (sensible, aesthetic) applica- 
tion of the resources is of paramount impor- 
tance. Pictures, lines etc. have to be purposeful- 
ly employed as well. Fig. 9e shows a poem 


designed by Ernst Jandl and next to it a typo- 
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graphic sketch of an invitation card for an event. 
The inner rectangle stands for getting together 
at one place and functions as an eyecatcher si- 
multaneously. Fig. 9f shows a page layout that 
Contents uses very few elements and still has originality. fliegen 


fliegen 





fliegen ES LESEN DIE EDITION 406 UND ANDERE 


EINLADUNG 
& 27.6. Qo 


a EDITION 
Yu 106 


Lew | 
mi 2000 A 
LITERATURHAUS 


HAMBURG SCHWANENWIK 38 
S SINGT SARAH SEIDEL JAZZ ZUM PI 





Exercises fliegen 


Index fliegen 


AUS PONAL UND JORG UND NEUE TEXTE 


Typographic errors fliegen 


de fliegen 





LL31X350INUOH-UINUIM-UIWVUN-ZNI3H SVG L131dS SI 








Search 


Nestresulte Unfortunately typographic errors are found fre- 


Previous results quently: 


= ALSO SEI DIE KUNST 


Print l 
inadequate word spacing ("holes" in the text), 
gie (Krāfte)wird die R. der leicht geánderten FuBhaltung | Das Ge- braucht gehórig + Ener- 


[1 gekrümmt (R.-Krüm- hirn schwappt leicht rechts über. Einige Tropfen gie, wodurch die Entro- 
l n e S t O O O n g , mung). In ihr ist eine Flüssigkeit rinnen die Schläfe reune Die Au- pie in der Welt letztlich 


Geodåte die kúrzeste gen des Physikers wenden sich nach links. Dort zunimmt. — Der »Kosmi- 


Exit 


Verbindung; sie ist ei- erscheint eine neue Stunde. Ich habe noch et- sche Zeitpfeil« weist in 

O n | : n e S a C A n ne vierdimensionale Pio decora Bay Richtung der Ausdeh- 

W r g | p | g I Linie, aber eine drei- siker bemerkt jetzt angespannt, die Zeit liefe nung des Weltalls; er be- 
dimensionale Kurve. ihm davon. Von Reduktion des Jetzt sei die Re- ginnt beim + Urknall und 

y A — Die Getwistete R.ist de, wollen wir verstehen, was nun geschieht. begleitet die + Inflation. 
| n a p p ro p Fl a t e ty p e fa C e S der Theorie von Penro- Die letzte Voraussetzung für das Experiment, - Der »Thermodynami- 
I se zufolge eine Geo- denkt der er Verkürzen wir die Gegen- sche Zeitpfeil« weist in 

metrie, in der die R. wart, in der wir leben, um die Hälfte, so dauert Richtung der Zunahme 


= = verzerrt und alle Ma- sie nur noch halb. Halbieren wir sie nochmals, der > Entropie; solange 
| S O | a te d | | n e S of a p a ra g ra p h a t t h e e n d O r a t t h e terie ihre gekrümmten so währt sie nur noch ein Viertel vom ursprüng- sich das Universum aus- 
(getwisteten) Teile lichen spola Der Vorgang muß sooft wiederholt dehnt, gibt es ein Tempe- 
ist.M RELATIVITÄTS- werden, bis Hie Gegenwart kürzer ist als derlich- raturgefälle und damit ei- 


. . . 

b e l n n l n of a a e W l n d O W S THEORIEN »Spezielle te Abstand zweier aufeinanderfolgender Zeit- ne Ausweitung der Unord- 
R.«: Erste große Theo- quanten. Dann hätten wir's. @ ALSO SEI DIE nung. - Der «Zeitpfeil der 
Zährebrieren diskutieren. Wenn wir von der Zeitstranz und dem Zeitzechen sprechen. Wenn wir das 


n a S ty d | V | S | O n S ( Fi g " 9 g ) I Qualken und das Reihen meinen. Warum sollte uns das Zeitpastillieren und das Zeitgaffen verblüffen. 


inadequate contrast, Uni le dire 
too small blank space, Of : 

too many type faces, elements, styles, 
playing around with the computer (Fig. 9g) 


Si ivestior if | 
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10 Signs 


A sign is a visual expression of information, of an 
idea, of an occasion or of a form that has been 
Contents reduced to the essential. 


Exercises 


Index 
Communication 





Search 
Me vtrésulta If someone says: "Give me a sign when I have to 
Previous results begin,” he expects, that it will be shown clearly 
. and unmistakably in its meaning. 
Print 
Exit Signs not only consist of gestures. The signs that => 
we are actually speaking of can be found every- 


where: in the streets, in buildings, in business 
life, on flag poles (Fig. 10a). 


Every graphic shape of a sign conceals a certain 
meaning, revealed only to someone who knows 
the accompanying code system. 
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Types of signs (Fig. 10b) 


symbol: refers to idealistic facts, e.g. the cross 
of christianity. 


elementary sign: formed from basic geometric 
shapes (cf. Fig. 3a) 


pictorial sign: graphic representation of an ob- 
ject. 


imprint: graphic trademark of a company or a 
product. 


word trademark: A sign of a company or product 
only made up of letters. 


logo: pictorial or verbal trademark of a company. 
pictogram: strongly simplified pictorial symbol 
for an object or a situation with an international- 


ly defined connotation. 


cartographic symbol: symbol on maps. 
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symbol 


elementary sign 


pictorial sign 


imprint 


word trademark 


logo 


pictogram 


cartographic 
symbol 
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Function 
Signs can have different functions: 
message, hint, warning (traffic sign, pictogram), 


product, service, image (trademark), 
tradition, origin, relationship (coat of arms, flag), 


association, reference (symbol, cartographic sym- 
bol). 


Trademarks 


In our consumer society trademarks are not only 
identifiers for companies, their products or serv- 
ices. They also carry certain messages regarding 
lifestyle, social affiliation, sometimes even ideol- 
ogies. 


Therefore it is important to know that a trade- 
mark does not only inform on a factual basis but 
also addresses the customer emotionally, so that 
a desire to buy the product or getting served is 
produced. 


Home 





Design 


Requirements for the shapes of signs: 


quick and unequivocal to recognize, 
concentration on the essentials, 

easily remembered, original and unmistakable 
fusion of the graphic components to a whole, 
equivalence of graphic form and meaning of the 
content. 
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To find a shape 


First of all the function of the sign must be de- 
fined before the suitable concepts and images 
are collected during a brainstorming session. 
The ensuing data collection has to be ordered 
and examined for its suitability. Then the ele- 
ments selected must be formally reduced until 
an effective sign has been developed that also 
meets aesthetic demands. 


During the process of finding a shape the follow- 
ing paths can be treaded (Fig. 10d): 


m proceed from basic shapes (circles, rectangles, 
triangles) or their derivations, 

m simplification, abstraction and stylization of the 
element that forms the basis for the sign, 

m modification of an existing sign (copyright has to 
be considered), 

m choose letters and words as the basic idea. 
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stlied objects 
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letters and words 
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11 Publications 2 == 
n 85 we = 
The design of a publication requires a complex 22 
graphical understanding, because all elements _ _ | FAGBMOCHSCHULE HAMBURG 
Contents have to match with each other concerning their BA CO 
. effect. Where paper is used the sense of touch 
Exercises 
has to be considered: e.g. a book must also feel 
Index good. 
Search = 
Next results Wa 
E ERA Notepaper and visiting cards 
punt A company or a person represents itself publicly 
Exit by such printed products. A decisive first im- — 
pression is generated by them, which touches 
upon the image it wants to project. Therefore, lia 


first of all some basic questions have to be put, 
such as: Who am I? What do I want? How do I 
want to look? What do I want to achieve? 


Company notepaper is subject to certain stand- 
ards (Letter window, folding, etc.; see Fig. 11a 
above). But on the other hand there are almost 
no limits to the individual design. Every paper 
size and every stylistic device may be used. 
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Books 


Books are different from single pages as in 
books we have to proceed from the opened up 
spread concerning the type area and the margin 
proportions. Type area and page size should 
stand in harmony to each other. With the help of 
the golden section a good result can be achieved 
in this case as well (Fig. 11b). Unusual formats 
require individual solutions (Fig. 11c). 


A further peculiarity of books is their general 
principle of design. French title, table of con- 
tents, text blocks etc. have to be treated stylisti- 
cally in the same way. 
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will ich sagen, daß ich die ganze Zeit damit beschäftigt war, ihnen allen zu bewei- 
sen, was ich fiir ein Monstrum bin und daf ich ihre Liebe nicht verdiene. Obwohl 
ich kein Blatt vor den Mund genommen habe, hat es dann doch ein bißchen länger 
gedauert als erwartet, bis ich endgültig mit ihnen allen Schluß gemacht hatte. Al- 
lerdings lohnt es sich nicht im geringsten, hier all die Einzelheiten zu erzählen. Ich 
hasse es, Geschichten noch mit einem Epilog zu verschen, und ich habe keine 
Lust, sie noch einmal zu durchleben, geschweige denn, darüber zu schreiben. Des- 
halb bin ich stumm geblieben. Deshalb - und weil ich sehen wollte, welche neuen 
Wege diese verdammte Stadt wohl ohne meinen Einfluß einschlagen würde. 
Nachdem ich herausgefunden habe, daß seit meinem Rückzug NICHTS NEUES 
passiert ist, KEHRE ich nun ZURÜCK. Denn, wie viele intelligente Leute gesagt 
haben, gibt es in Madrid nur eine INTERESSANTE Person. Und diese Person bin 
ICH. PATTY DIPHUSA. 

Wie ich ja schon anfangs gesagt habe, wandelte ich eines Nachts wieder einmal auf 
den alten Pfaden der Laster, denn die Genügsamkeit tut dir nur dann gut, wenn du 
weißt, wie du sie durch einen kräftigen Fehltritt unterbrechen kannst, etwa so, wie 
es auch die alten, millionenschweren Rockstars hin und wieder machen. 

Der Übersetzer, der meine Memoiren ins Englische übertragen hat, kam nach 
Madrid. Wie es scheint, ist in den USA gerade Pornographie ohne jeden künstleri- 
schen Anspruch angesagt, und deshalb hat er die geniale Idee gehabt, mein Werk 
für eine Serie zu übersetzen, in der Morgan Fairchild die Hauptrolle spielen soll. 
»Warum diese häßliche Mißgeburt - und nicht ich?« fragte ich ihn. 

»Du versprühst einfach zu viel Lebenslust«, erklärte er mir. » Außerdem bist du zu 
gut. In Hollywood könnte dich keiner ertragen.« 

»Okay. Dann muß ich mich eben damit zufriedengeben, daß ich von meinen Au- 
torenrechten reich werde.« 











Diesmal treibe ich es nicht 


Meine ALTE Freundin Addy Possa hat angerufen. Sie will jetzt eine Karriere als 
Filmregisseurin starten und wollte mir eine Rolle in ihrem ersten Film anbieten. 
Gestattet mir, euch an dieser Stelle ein wenig von ihr zu erzählen. 

Addy wiegt wesentlich mehr als die frühe Bette Midler und Mae West zusammen, 
und sie glaubt auch über den gleichen unanständigen Charme der beiden zu verfü- 
gen. Die Weltgeschichte hat schr viel über das Drama der Fettleibigkeit zu sagen. 
Seht euch zum Beispiel Roseanne Barr an, deren Mann drauf und dran ist, sich von 
ihr scheiden zu lassen, und das nur, weil sie innerhalb weniger Tage zwanzig Kilo 
zugenommen hat. Oder Christina Onassis, der es an nichts mangelt, außer an ei- 
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Dustjacket 


The dustjacket or cover (Fig. 11d) more likely 
functions as an advertising medium. It is subject 
Contents to the same design principles as the poster. It 


. should harmonize with the inner design. 
Exercises 


Index 





Search Magazine 11d 


Next results 
Previous results Magazines (Fig. 11e) differ from books in the 


possibility to design every article in a new way. 


Print 
But in doing so the overall concept has to be 





maintained. Although if you browse through a 
magazine its design may appear varied (a maga- 
zine on exclusive fashion gives another impres- 
sion than one on jeans fashion) - the overall im- 
age will remain upright and uniform. 





1 
Die Kluft zwischen den Entdeckungen der Physik des 20. Jahrhunderts und dem Alltagsverst%endnis 
des _Normalb,rgers wird immer gr fler. Heutigepbiturienten gehen mit einem Wissen von der Schule, 

das dem Stand der Physik gegen Ende des letzten Jahrhunderts entspricht. Das Bohrsche Atommodell 


= . = 
ist uns allen ein Begriff, Doch selbst Nils Bohr hat zu seinen Lebzeiten (1885-1962) ein wesentlich kom- 
plexeres Modell entwickelt als das, was uns in der Erinnerung ist. 
Die theoretischen Erkenntnisse der modernen Physik erreichen uns meist nur in Form 


von Seience-fiction-Geschichten und popul%erwissenschaftlighen Magazi- nen und Fern- 
sehsendungen. Bei dem, der sich darauf ein!%it, entfachenfliese Theorien und Fiktionen 
ein reges Interesse, kreative Gedankenspield oder gar wildé Phantastereien. 


Den praktischen Ergebnissen der Quantenphysik dagegen begegnet der B rger nahezu jeden 
Tag: der Computer, der Taschenrechner, der Walkman, die CD, der Laser - ohne all das m, fite unsere 


= = = 
" Y Gesellschaft sonst auskommen. 
Nach was aber suchen unsere Wissenschaftler Tag f 1 Tag aufs neue? Was treibt sie in ihrem Eifer voran? 
I I Nun, sie erwarten el ‚as sie selbst brotlo; .rde: eine Antwort auf alle Fragen der Welt, aut 


die Y twe Auf, r Und ihre Forschungen treiben sie immer 


wie an: sie ergr,nden die Extreme. Nichts ist 
ell sitspanne ist zu kurz. Nichts ist ihnen heilig. 
Ihre A p Ordnungen, de absichliche Verwigang, 
m lo! = = = ¡Frage-stéllen, das Stellen neuer Fragen. 

= Neue Erker ‚art abstrakt un, lex, dafl es sogar den Wissenschaftlern 

schwerf%alt, ¡pre Bed@feng immer gleich vollst%endig zu erfassen 

I I I I Die Logik, die ¡ematilk, die uns zu dieser neuen Theorie gef,hrt hat, ist dabei noch verst%endlich; 

-| sie weist uns den richtigen Weg. Manchmal machen wir sie uns auch gef, gig: wenn wir durch Un- 

endlich teilen, damit unliebsame Terme eliminiert werden, um zu sauberen, _ %ssthelischen 
L’sungen zu kommen. Doch wie K'nnen wir dies Kunstgriff interpretieren? 












ihi 





















a ï = i a i = a Mit der fsthetik kori e weitere Komponente ins Spiel: in der Tat ist fast f.r jeden Wissenschaftler eine 
kurze, ante, eben %esthetische L’sung eines POblerug richtiger als eine komplizierte. 

Nicht zuletzt, giaubglià, erhofft man sich eine mini- — malistische’ Antwort auf die letzte aller Fragen, 

I , Pi my ehnlich der, die lautete in Douglas Adams’ ber,hmtem Buch "Per Anhalter durch die Gala- 





Aber die Wissenschaft 
voll: Der Name des 


kleinsten Elementarteilshens, Quarkgentstammt James Joyce' experi- 
mentellen Buch "Finneg: 


©* - es bedeutet bei Joyce anscheinend'richts, eine reine Wortsch’pfung, 
die die Physiker begeist@liäuigriffen. Esten sich,viele Wortsch’pfungen, z.B. "Falsches Vakuum", 
i “Wurmioch" oder "Big Bang - Urknall" 

‚wirklich verstehén? Wie die Raumzeitkr, mmung? Wie die Imagin%sre 


all as well that all these elements have to be coordi- ei i 


Kommission Aus- und Weiterbildung, Death PRA ii ia tace Gin dr 
= in- 














eine neue Siñn- und Wortsch’pfung, wird eue Begrifflichkeit. 























DER ACH DEI 
Niemand iyyflte genau, an welcher Krankheit die Leute gestorben waren"@er alle kajsgn sie be- ty Me iat ë 
i . y schreiben, fatten ein Gef,hl daf,r; als dann das Wort "Krebs" auftauchte, waren all rls A 1 MEFE { 
Deutsche Gesellschaft für Karto ra hie ‘< lèichtert, denn man hatte nyn endlich ein Wort daf, r. - - PAL i » f 
irgendeine vage Vorstejung von etwas. Es jet aber ungeviiayie wir, die itil x ¿ 
" ihn erstmalig h ren, inh in unserem GehirÁ umsetzten. Je AM AS 
assoziiert ein etwas anderes Bild, wenn'er "Auto" , w h’rt. Jeder HAIE MEERE "u 4 a z 
denkt bei "Feld" an etwas anderes. Waran denken /- ~ Sie bei "Roter Riese" oder li : > 
e V G erman 20 00 "W.rstcheninstablitest? Die y Folgende? = ~, aufget,hrten physikalisch-philosophischen TRAU I FICA BER ' 
ER ~ Ph%snomene sind Gegenstand meina% Buches,"Si&»rf_ seien hier nur komprimiert erw%chnt. Zu be- HHT pi 
5 DEUTSCHEN MODERNE ) ; 
fzachten ist, dafi die meisten Aussagen aus§ghiieflligh f adie f subatomare Welt der Quantenphysik gelten. 26 PEDNO ALMODGVAR ' 
leirle Absicht war, diese Ph%nomeng in unger e Welt hinauf- und hineinzuprojezieren. DEN LETITE  DEGASNIS 
ik jewogen sich auf jedem 1 gil] Wen von Mach B: jedem Weg liegt eine bestimmte | « de reso ea 
af- Walßcheinlichkeit zugrunde; del schefllichsten sollte das Teilchen schlieflich gefolgt sein " ee! 
DAY Ergebnis eines Experiments RAMPFImmer anders sein, da Wahrscheinlichkeit und Zufall ent- DUKEN ENUIE CO DEA THEREL 
= SEXURLITAT, LEBEN UND TOD 
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Erlenweg 3/1 
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Poster 44 DK 1 


DEUTSCHER] 
KARTOGRAPHEN | 


Posters sell ideas, products or events (Fig. 11f). A DETTE 

They should be composed clearly and unequivo- 
Contents cally, because passers-by will often have just a 
short look at them. But they can also be complex 
and profound if they are conceptually designed 
Index in such way. Mostly posters are a combination 
between pictorial and text elements. The pic- 
tures often stand in the foreground; if the type is 


Exercises 


Kartographba 
im Norden 





Search 
E E E emphasized it may also become a picture. Be- PE 
Previous results cause of the big size of posters the elements 
_ may strongly vary in dimensions. 

Print 

Exit 


Packaging 


Packages (Fig. 11g) were meant originally only 
to protect a product; nowadays they have an im- 
portant advertising function. They should evoke 
positive notions or emotions. The buyer subcon- 
sciously transfers the optical presentation of the 


product to its quality characteristics. 
© copyright: 
Kommission Aus- und Weiterbildung, 


Deutsche Gesellschaft fiir Kartographie In the package the third dimension plays an im- 
e.V., Germany 2000 





portant role as a new graphic design factor, but 11g 
a it will not be further dealt with in this context. 
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Search 
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Print 


Exit 
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12 Map symbols 


A map is an information system; a complex com- 
bination of different symbols. 


Symbol system 


Every map symbol contains information that is 
coded. It conveys a message about itself, e.g. "I 
am a church", as well as about its relation to the 
other map symbols: "I am a church and stand in 
the center of a village called... that is located on 
the river ... in the landscape ... etc.” (Fig. 12a) 


Symbol types 


Map symbols can be subdivided on the basis of 
their shape (Fig. 12b): 


point: Represents the exact location of a single 


object or (if they are accumulated) an amount of 
objects 


Home 





12a 


12b 


» 








„1707 SISI 





¿BARCA ud Chi 





AZ 


Zubb-Schwelle 
S 


Malstrom Pico Bello 


a h a r a 


point 


line 


area 


map symbol 


halftone 


diagram 


type 
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line: Boundaries of regional objects or (if the 


scale does not permit this) median lines of nar- size 


row objects. 








| u I 
| PA © shape 
Contents area: Characterizes regional objects as well as u m < EAE 
. value classes, e.g. contour zones. 
Exercises 
(| LI] E tonal value 
Index map symbol: Abstracted (pictorial) symbol that 
is used depending on the scale. NM WW > orientation 
Search 
Nee cecal halftone: Areas which have changing tonal val- | | [| | | [El | | colour 
Previous results ues, e.g. hill shading and aerial photograph. 
Print = 
diagram: renders statistical quantities; it may, 
Exit similar to a symbol, refer to a point location or to Variations 
an area. 
To make differentiated statements, symbols are 
type: Explains the map or its symbols. varied graphically (Fig. 12c): 


size: suitable to emphasize (quantity). 

Shape: associative differentiation (quality). 
texture: most quantitative differentiation. 
tonal value: quantitative differentiation as well. 
orientation: spatial and temporal orientation. 


colour: versatile use for associative, qualitative 
(hue) and quantitative (saturation) differentia- 
tion. 
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Search 
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Print 


Exit 
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Design 


Map symbols are subject to the following graphi- 
cal requirements : 


Quick and easy recognition, simplicity, unequiv- 
ocalness, similarity to the object and originality 
(Fig. 12d). 


Moreover the standardization of symbols in simi- 
lar map series has to be considered as well as 
the reading habits of the map user. 


To ensure the readability minimum sizes have to 


be kept; for this also the typical shapes have to 
be paid attention to. 


Home 





characteristic 


quickly 
recognizable 


simple 


unequivocal 


similar 


original 


standardized 


used to through 
reading 


12d 





is correct 


> XY cd © N + 


~ © e x L > 





is not correct 


Fem NYS S H 


H 


i ® 
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Map symbols 
NE A A modified 
There are different kinds of map symbols (Fig. an & basic 
12e): > forms 
Contents N © 
Casata m Pictorial Symbols: ground plan images, elevation pictorial 
images and image signs. symbol | 
lines 
Index m Geometric Symbols: basic forms, lines and pic- | pm pa pa pa pa an 
torial grids. 0000000000000 
m Alphanumeric signs: figures, letters. silhouette 
Search P $ 7 4 a aQ A pictorial grid 
Next results | | ground plan tas 
Previous results Their arrangement can be localized (preserva- A image 
tion on the map, within the limits of generaliza- hatching 
Print , , Bake symbol 
tion, of the correct location of places or area.), O + type 
Exit linear (as single line or area contours) or area 
like (regularly or irregularly distributed over an 12e 
area). 
, radio and tv-station (Ireland) 
Although they should be easy to associate, sym- ® police station (Czech Republic) 
bols have to be explained in the legend. capital (USA) 


secondary road (USA) 


Especially the use of foreign map series requires railway (Germany) 
rack railway (Switzerland) 





the reading of the legend because familiar sym- 


bols can have a different meaning (Fig. 12f). R beacon (New Zealand) 


memorial (Germany) 








12f 
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Type 


Type may vary in position, thickness, width, but 
as well in size, colour and letter spacing (Fig. 
129). 


Type is used either independently or as an ex- 
planatory addition to a symbol; it can also be 
used over areas. 


Type should have a good readability, should be 
distinguishable and be in harmony with the map 
layout. It should adapt to the nature of the ob- 
jects that are described by it. 
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13 Map design: Graphic structure 


The design of a map requires the consideration 
of some aspects of the graphic structure. 


Image of nature 


For the map (as an image of nature) a represen- 
tation should be chosen in a way that the objects 
and phenomena of nature and culture (scale de- 
pendent) are represented appropriately. 


A map transfers the image of nature by a defined 
code to the imagination of humans. It is the suc- 
cessful interplay of different point, line and area 
symbols that allows the viewer to obtain a pre- 
cise and correct image. Similar to the interrela- 
tionship of geographic objects the symbols that 
represent them on the map should be connected 
(Fig. 13a-c). 


A quick perception of the overall picture has to 
be ensured; after that a detailed reading of the 
map is possible. Therefore the pictorial language 
should be as self-explanatory as possible. 


E Home 





13a 


13b 


13c 
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... Or hydrography and road system ... 
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Purpose of the map 


Apart from design experience the cartographer 
must have enough thematic expertise and pre- 
cise knowledge about the subjects that have to 
be represented. 


The purpose of the map is decisive. Different 
purposes call for matching contents and appro- 
priate methods of representation (Fig. 13d, e). 
However, the design aesthetics must be main- 
tained in any case. 


An exact preparatory work is essential. The geo- 
graphic extension, the page size, the map pro- 
jection and the scale have to be defined. The 
map content, the map elements and the method 
of representation (legend and style sheet) have 
to be definitely defined as well. The thematic 
message has to be precisely formulated. 


Home 





13d 


13e 


> 

















... and for a travel guide 
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Legibility 


The combination of single elements most favour- 

able for perception is the one that results in a 
Contents compact, stable, logical and simple overall shape 
(terseness). 





Exercises 
The influence of 


Index The number of representation methods should 13f 
be limited to a minimum so that complex sub- 





jects can be perceived quickly as well. 


Search 
Next results 
sas ase However, the information conveyed must not be 
F falsified. 

Print 

Exit Concerning the legibility of the map the follow- 











ing principles have to be considered: ` 
13g ... density ... 
Graphic differentiation: The spectrum of graphic 
design possibilities should be applied meaning- 
fully (Fig. 13f). 


Graphic density: The optical overall impression 
must not be too heavy (Fig. 13g). 








Contrast/object separation: Clear separation of 


13h ... and contrast 
elements, tonal values and colours; objects have 


on the map aesthetics 
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Print 


Exit 
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to be surrounded by an empty space to separate 
them from background elements (Fig. 13h). 


Maintenance of the context: Structures and ar- 
rangements should be recognizable (Fig. 13c). 


131 
Habits/expectations of the map reader have to 
be considered. 
Assessment principles 13j 


Even if it seems to be obvious, the following 
points have to be taken into account for the map 
design: 


m Important things should be preserved and irrel- 
evant things should be omitted (Fig. 13i, scale 13k 
dependent generalization); 
m Typical things should be emphasized and atypi- 
cal things toned down (Fig. 13j, special crops in 
the Rhein-Mosel area). 
m Equal things should be equal, different things 
should be different and opposite things should 131 
look opposite (Fig. 13k, map of the world reli- 
gions); 


< Home > 











Ackerbau 

mittlere Böden 
ANN gute Böden 
Hauptanbauarten 
EEE] wein 

E] Hopfen 
EI] Tabak 
LT] Weizen 
EJ] Zuckerrüben 
[| Obst 
Sonstige Nutzung 
ED] Wald 




















Sonder- 
kulturen ; 
Rhein/Mosel SEN 


Christentum BEE Israeliten 
Katholiken 


EEE] Protestanten Buddhismus 
EEE Orthodoxe E] südl. u. nórdl. Buddh. 




















X X] Armenier Lamaismus 
popren FZZ) Konfuzianismus 
SS Mormonen 
Mohammedaner EZ] Hinduismus 
E Sunniten E Schintoi 
Schintoismus 
EL schiiten 


BEE Wahabiten EEE Naturreligionen 


2 


Hafen-Einfahrt 
sehr veránderlich 





Map Design: Graphic Design Basics 





m Uncertain things should look uncertain and vague ISLAND 
things vague (Fig. 13l, sea chart containing in- 
formation about dangers). 


Contents 
| 14 External map design 
Exercises = 
Index A map that comprises not only the map face, but == 
also the title, the scale, the linear scale, the leg- == 
Search end and possibly additional marginal elements, IS 


Next results must have a good overall design. 


Previous results 
Print 


Exit Principles 





A map is only readable and usable if all known 
design principles, above all the clearness and ISLAND == 
logical composition of the elements, are main- 
tained: all its components are necessary for the 
understanding and therefore should communi- 





cate with each other well. 


DIE WESTFJORDE 


All elements should appear on the sheet in a ISLANDS 


suitable size and should be carefully arranged 
(Fig. 14a). Enough white space should be pre- 
served as well. 14a 





< Home > 
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Main components of a map: 


= map (map image, graticule, margin, border line), 
= map title, 
Contents m Scale and linear scale 
3 legend. 
Exercises y i 
Index Further components: 
Search m author, manufacturer, logo, year of publication, 


Next results printing office 


Previous results m reference to topographic source material 
5 m auxiliary map(s) 
Print l 
m title page 
Exit = Compass card, etc. Das Klima in Europa 
Jahresniederschlag 
Langjáhrige Mittelwerte 
Map title Seewalds Wanderkarte 


ZWIESELER WINKEL 
The title serves as the entry into reading the zwischen Arber und Rachel 


am Nationalpark Bayerischer Wald 


map content. The subject represented should be 


formulated exactly and tersely. If this is not pos- Die Welt in Bewegung 
sible sub-titles are necessary (Fig. 14b). Die 40 größten Herkunfts- und Empfängerländer 
Flichtlinge und Zuwanderer 
Graphically the title should on the one hand StraBenkarte 
catch the eye, but also harmonize with the other Frankreich 
14b Blatt 12 - Provence 





<q Home » 
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components of the map. The types used within 
the map should match with each other. 











Contents 
| Scale and linear scale 
Exercises 
Index The map scale should correspond to the geo- 1:1000 000 Maßstab 1: 20000 
graphic region represented, the purpose of the 
Srch map and the subject. Du i_ km 
Next results 
Previous resulte It should neither pretend to an accuracy that A a BEE 
i cannot be represented graphically or in content, 
Print . | cun 
nor should it be too small, so that information is CRT a ee ee 
nd m 
Exit too coarse and even becomes useless. 
. , . 0 50 100 Miles 
A too heavy linear scale should be avoided (Fig. 14c Te 


14c). 


It has to be considered that the numerical scale 
may change between the first draft and final 
publication; the graphic scale will always change 
proportionally and remain correct. 


Home 
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Legend 


The formulation of the legend takes place right 
at the beginning of the map compilation. The 
legend comprises the program for the map to be 
created. Content-wise it has to overlap with the 
map. It has to be ascertained whether all map 
elements should be explained by the legend or if 
certain previous knowledge of the map reader 
can be assumed. 


The legend should be clear, concise, lucid and 
guarantee a quick reading of the map. Extensive 
legends must be structured technically and 
graphically (Fig. 14d, e). 


The legend should have a graphical density simi- 
lar to the map. 

The word "legend" is mostly 
Whether the legend is positioned within or out- 


unnecessary. 


side of the map face depends on the available 
space, the folding and the overall layout. 


Home 
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14e 





Bevólkerung, Erwerbstátigenzahl, Wirtschaftssektoren 
und Landwirtschaftliche Nutzfläche Frankreichs 1979 


Verhältnis der Erwerbstätigen des Primären Wirtschaftssektors 


zur Landwirtschaftlichen Nutzfläche 


11,2- 14,7 (Erwerbstätige/km?) 


7,2- 8,8 
5,2- 6,9 
3,9- 4,7 
2,3- 3,2 


Einwohner/Erwerbstátige (in Millionen) 





10 5 4 3 


2 45 1 05 03 02 0,06 


Gesamtbevólkerung einer Region 


Anteil des Primären Wirtschaftssektors 
Anteil des Sekundären Wirtschaftssektors 


| | m~~ Zahl der Erwerbstätigen, davon 


iP. Anteil des Tertiären Wirtschaftssektors 


Nutzung überwiegend bebauter Flächen 
[ES Òffentliche Verwaltung 
[| Gesundheits- u. Sozialwesen 


[E] Kulturwesen 


Verkehrswesen 
(Offentliche Hafenabfertigung) 


= Offentliche Dienstleistungen 


Bas Private Dienstleistungen 
| GroB- und Einzelhandel 


Essi Mineralölgesellschaften 
(ohne Kfz-Tankstellen) 


a Fischfang und -verarbeitung 
Kfz-, Maschinen- und Elektro- 
werkstatten, Metall- u. Schiffbau 


=a Sonstige produzierende Gewerbe 


BE Landwirtschaft 


| Wohnen 











Nutzung überwiegend unbebauter Flächen 
ia Industriegelande, Lagerflachen 
al Gärten, Park- und Grünanlagen 
BE Wiese, Weide, Futterbau 
EI] Ödland (Heide, Moos, Fels, u.a.) 


100 -- 
50 i. Anteil der Landwirtschaftlichen Nutzfláche 
an der Gesamtfläche einer Region (in Prozent) 


Natirliche Formen 
>. Gewässer 


—2_- Uferlinie bei Ebbe 
La Stark abweichende Uferlinie 


"ei Flut 
~< ^ Höhenlinien, Äquidistanz 25 m 
nn Höhenlinien, Verlauf unsicher 


Verkehrswege 





Land- u. Hauptverkehrsstraßen 





Sammel- u. Verbindungsstraßen 





Sonstige Straßen 





Enz Fußweg 

Gebäudehöhen 

[| Eingeschossiges Gebáude 

i Zweigeschossiges Gebáude 
[>] Dreigeschossiges Gebáude 


Sonstige Objekte 


Aly 


A Molenfeuer 


<< Stockfisch 














BA Grenzen der Nutzungsparzellen 
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Title page 


The title page has an important function for ad- 
vertising. As goes for the book and the book 
jacket, the title page should be designed in har- 
mony with the accompanying map. 


15 Exercises 


Perception 


You are at a very loud place (disco, pub, con- 
struction site, department store). Stay there for 
a while and try to be aware what affects you 
from outside, what you hear, see, feel, in which 
intensity, for how long. Try to filter out details. 
What do you perceive of yourself? How is your 
mood? Does it change? Do you eventually per- 
ceive silence in this deafening noise? Do desires 
arise? For what? 


Try to remember everything and make a note 
of it later at your leisure. 


<q Home 
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Communication 


The Marlboro advertisement promises us satis- 
faction of certain needs. The nicotine consump- 
Contents tion is not addressed. What needs are dealt 
with? What longings are addressed, what emo- 





Exercises l l 
tions aroused? Do you want to belong to it? 

Index Why? 

Search With what pictures, colours, elements does 


SUE the advertisement work? You always recog- 
sue Tesla nize the trademarks instantly. Why? By what 
colours and pictures do the "Light ciga- 


Print 
rettes" differ from the standard product? 


Exit 


Area effect 











A black beam within a white area will have a dif- 
ferent effect depending on its location. How has 
the beam to be arranged to work as follows: 


light - heavy - floating - unstable - stable - ris- l VA N 


ing - descending - distant - nearby - exciting - 


weak. VA | 


Home 





Map Design: Graphic Design Basics 





White areas of 2,5 x 2,5 cm bordered by a 
thin black line are made available to you. Draw 
into each of them a black line with a length of 
10 mm and a width of 1,5 mm. 











Contents 

Exercises 

Index Area composition 

Search The supreme composition goal for the design of 
Next results areas is the creation of tension. This can be 
sas mane achieved by the methods mentioned above. 

Print 


Get several 20 x 20 cm white and 10 x 20 
Exit cm black cardboards. From one of the black 
cardboards cut out as many and as big 
squares as you like. Arrange the squares in 
an exciting composition and finally stick 
them up. For this the whole black cardboard 
should be used so that the ratio of black to 
white is 1:1. Repeat this process with black 
circles (and their negative forms), with black 
triangles and free forms. 
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Type balance 


The optical weight of the empty spaces between 
letters must be equivalent to the area of the let- 
ters. This is a principle of type aesthetics. 


Write the word "WALTER" in separate letters 
(everyone must have its own frame) in Futura 
(24 points, capital letters) on an auxiliary 
line using a graphic programme. Change the 
auxiliary line into curves. Now push the words 
on the auxiliary line together in such a way 
that the word seems to be optimal balanced. 


Typography 


For text design formal and aesthetic rules have 
to be considered to ensure a quick recognition. 


Judge the opposite figure and find out the 
typographic errors as e.g. too little white 
space, missing contrast within the page lay- 
out, holes in the text, wrong line spacing, too 
long lines, inappropriate types, wrong punc- 
tuation marks, separated lines of one para- 
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Doktor Steffan 
Prinzipien. sè Á 
Konsequenz war MAC 
bensprinzip. we “4 yl 
Doch wenn es um die 08% 


er mit seinen Prinzipien. 


E, var thle lraumbafler Morgen, wunderbar geagned ZUM 
gehen. Gif durchalmen in dieser fuschen Berglufl Doktor 

damals aus dem Kegentoch Norddeutschland hierher geko 

Konnte hier im Schwarzwald endlich feier QNEL. 

EIN NEUER TRAGISCHER ARZTROMAN 


SCHWESTER URSULA'S 


Schwester Ursula beobachtete ihn 
schon die ganze Zeit. Was trieb er 
da? Eigentlich müßte er doch jetzt 
im OP sein. Das jedenfalls wies 
der Dienstplan aus. 

Von der Terasse des 
Alpenkrankenhauses herab hatte 
sie einen Superblick. Die sanften 
Wiesen lagen in morgendlicher 
Unschuld danieder. Wie schön so 
ein Tag sein konnte! 

Wäre da nicht jener Mann 
gewesen, der ihr Leben so durch- 
einander gebracht hatte. Es war, 
obwohl sie nie daran geglaubt 
hatte, Liebe auf den ersten Blick 
gewesen. Leider jedoch nur gar 


NEUER ROMAN 


war ein Mann mit 


sein grofes Le- 





Liebe ging, brach 


Von der 
Terrasse 
des Al- 
eee penkran- 
kenhau- 
ses herab 
hatte man 
einen Su- 
perblick. 
Die sanf- 
ten Wie- 
sen lagen 
in mor- 
gendli- 
cher Un- 
schuld 
danieder. 


R E LIEBE 


einseitig ... 





* 


Durch das Blattwerk der 
Rosenranken blieb sie unentdeckt. 
Dort unten ging er ... Was für eine 
stattliche Figur er hatte! Wie 
aufrecht er seinen Körper hielt! 
Schon allein dies wäre Grund 
genug für eine Frau gewesen, 
sich zu verlieben. 

Und diese Hände! Sie waren 
groß und schön. Vollkommen 
sozusagen. Und wenn er 
operierte, waren sie behende. 
Sie führten exakte Bewegungen 
aus. Ungeschicklichkeit konnte 
ein Arzt sich nicht leisten. Schon 
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graph at the beginning or the end of a col- 
umn, wrong or nasty divisions, too many 
types, elements or styles and computer 
gadgets. 


Logo 


Design a new logo for the German Cartographic 
Society under the aspect "The GCS in the 21st 
century". What objectives and images can you 
imagine for the GCS? Derive a new logo and 
typeface from these. Is the globe dispensable? 


Make the sketch with paper and pencil and 
the final drawing with the computer. 


Home 
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Notepaper 
You receive the order to design notepaper: 


m from your 65 year old aunt for the correspond- 
ence with her pen friends, 

m from a sales department for computer games, 
that wants to represent itself trendy and young, 

sm from a bank, that wants to have a competent 
and serious appearance on the market. 


The sheets of writing paper will turn out differ- 
ent. Which considerations have led to the 


sketches? (cf. Fig. 11a)? 


Use colour pencils or pull out scraps from 
magazines for the elements as areas, logos, 
figures etc. Write your address or other 
short texts with a pencil or colour pencil or 
use texts from magazines. Utilize (blind) 
text for the information area in the wished- 
for type. Stick everything to a sheet of pa- 
per. 
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Additional 


exercise: 
from the notepapers. It is true that you can 
use the same elements, but the design must 
be slightly changed due to the different size. 


Derive visiting cards 
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Poster 


Design a poster for a cartographic conference in 
Ulm 2003 with the motto "multimedia cartogra- 
phy". Give vent to your imagination freely! Try to 
develop your own unusual realization and do not 
let yourself be influenced by older posters. What 
do you want to express? First of all reduce your 
collection of ideas, then the chosen elements. 
Make determined use of them. 


Use pictures and texts out of magazines and 
copy or rather scan them or fall back on dig- 
ital material. Sketch on paper and design at 
the computer. 


Symbols 


Design the following symbols for a fictitious map 
of Mars for a news magazine: 


m Points: actual and potential airstrips, locations 
of soil sample sites, positions of antennas and 
measuring devices, striking objects (small, big 
craters, stones etc.). 
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m Lines: Excursion routes (direction, date), terrain 
lines (slopes, edges, channels). 


m Areas: Explored, still to be explored and photo- 
graphed regions, ground condition (sand, grav- 
el, small and big stones, rocks etc.). 


Get illustrative material and design the sym- 
bols accordingly. The area symbols must 
leave the background visible. Use any shading 
you like. Design with the computer. 


Map 


Design a map for a newspaper. Look for an arti- 
cle to explain it with a map. 


It should complement the article meaningfully, 
comprise no unnecessary information, inform 
quickly and be factual. Your legend must be con- 
cise. The map will have the same size as the 
text. 


Home 
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Familiarize yourself with the article. Choose a 
suitable base map, that will be scanned. Pre- 
cisely define the content and the style sheet 
and draw the map with your graphic pro- 
gramme. 
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Travel guide 


Design two double-pages of a travel guide on 


Papua New Guinea. It should present one region 
per chapter. 


The first double-page that you have to design is 
the beginning of the chapter, the second the fol- 
lowing page. Integrate the following elements 
into the layout: 


chapter heading (mention the region, choose a 
striking headline, insert a subheading for a more 
detailed description), 

column title, 

continuous text (use blind text), 

short information box (objects of interest in the 
region), 

several photographs (with or without frame or 
outlined freely) with captions, 

a graphic (airfields, landing strips and flight 
routes), 

a drawing (typical animal or typical plant) 

a map of the region including a legend. 


First of all select a book size. Think about 
which size might be practical and handy for 
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the traveller. You have to decide if your travel 
guide will be rather flimsy and colourful or 
rather classical-informative. Define the type 
area. Should the page have a margin for 
notes? 


Make a sample page and position the text 
and the graphic elements within your layout 
according to formal and aesthetic aspects. 
The first double-page as the beginning of the 
chapter should facilitate the entry for the 
reader. Consider the white space and the bal- 
ance between texts and illustrations. 


Now define the type faces and sizes and the 
necessary typographic conditions (line spac- 
ing, columns, initials...). 


Choose your illustrations; define their sizes 
and contents. Then prepare the graphic and 
the map with the legend. 


Look at the developed page critically and only 
then begin with the fine tuning of all ele- 
ments. Do not finish your work until you be- 
lieve that your travel guide will have success 
on the market. 


= Home 
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area 21 
aesthetics 25 
composition 27 
size 25 
subdivision 26 
associative meanings 24 


books 46 
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cold-warm-contrast 32 
complementary contrast 31 
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simultaneous contrast 31 
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psychology 29 
communication 7 
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typography 65 


form 12 


graphic elements 14 
grey value 37 


harmony 16 


languages 10 


magazine 47 
map 54 
design 54 
legend 61 
scale 60 
title 59 
title page 62 
map design 54 
assessment principles 57 
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optical illusions 17 
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lines 17 
tonal value 20 


packaging 48 
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poster 48 
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magazine 47 evolution of type 33 

notepaper 45 geometry 35 

packaging 48 grey value 37 

poster 48 grotesque 34 

visiting cards 45 letter spacing 35 
letters 33 


lower case letters 34 
pictographic system 33 
reading process 37 
roman type 34 

screen fonts 35 


reading process 37 


scale 60 type face mixture 39 
signs 41 type face selection 38 
communication 41 typographic errors 40 
design 43 
find a shape 44 
function 43 


trademarks 43 


tonal value 20 
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type 33 
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